@charset "UTF-8";
/* reset style */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{line-height:1;color:black;/* background:white;*/}
ol, ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,
q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
:before, :after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/* ------------------ body frame ------------------- */
.layui-layer-loading{background:none !important;border:none !important;}
.layui-layer-title {position:relative;width:auto;}
.layui-layer-title,
.layui-layer-setwin {z-index:10011;}
.layui-layer-content{overflow:hidden;z-index:10010;}

body .layer-ext-espresso .layui-layer-setwin{z-index:10010;}
body .pika-single{z-index:99999999;}
html, body {height:100%;}
body{padding:0;margin:0;font-size:12px;background-color:#fff;font-family:'Raleway', 'Microsoft JhengHei', monospace;}
.content{width:98% !important;margin:0 auto;}
#pg-header,
#pg-contenter,
#pg-footer,
.content{min-width:900px;}

/* header style */
#pg-header{height:78px;width:100%;}
#color-header{height:56px;padding-top:12px;color:#fff;background-color:#145ccd;}
#color-header #site-name{height:26px;color:#ffcc00;font-size:14px;}
#color-header #company{}
#color-header #navigator{height:30px;font-size:14px;}

/* navigator style */
#navigator .cate{display:inline-block;*float:left;margin-right:5px;font-size:14px;}
#navigator .cate{height:30px;line-height:30px;padding:0 15px;color:#e5e5e5;background-color:#2a74ea;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 -3px 5px rgba(0, 0, 0, 0.10);cursor:pointer;}
#navigator .cate:hover{background-color:#4284ec;box-shadow:0 -3px 5px rgba(0, 0, 0, 0.20);}
#navigator .cate.select{color:#444;background-color:#e5e5e5;}
#white-header #sub-navigator{height:40px;font-size:14px;}
#color-header .site-line{display:inline-block;height:26px;line-height:26px;padding:0 5px;color:#accadf;font-size:14px;border-radius:2px;}
#color-header .site-line:hover,
#color-header .site-line.open{background-color:#4284ec;}
#color-header a{color:#accadf;text-decoration:none;}
#color-header .site-line:hover a.down-button{color:#fff !important;}

/* 下拉 style */
.drop-down{position:relative;}
.drop-down .show-detail{display:none;position:absolute;top:28px;left:0;min-width:120px;font-size:14px;background-color:#fff;border-radius:2px;box-shadow:0 6px 12px rgba(0, 0, 0, .175);}
.drop-down.open .show-detail{display:block;padding:4px 0;z-index:100;}
.show-detail li{margin:0;padding:0;}
.show-detail li:hover{background-color:#3280fc;}
.show-detail li:hover a{color:#fff !important;}
.show-detail li a{display:block;padding:2px;padding-left:10px;color:#141414 !important;white-space:nowrap;}

/* box (right) style */
.box-title{height:30px;line-height:30px;padding:6px 10px 4px 10px;font-size:14px;color:#333;}
.box-title,
.layui-layer-title{background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f3f3f3));background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-o-linear-gradient(top, #fff 0%, #f3f3f3 100%);background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 100%);-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);}
.box-content{}
.box-content.gap{margin:12px 10px 10px 10px;}
.data-title{height:35px;line-height:35px;padding-left:10px;color:#4284ec;font-size:14px;font-weight:700;background-color:#f5fbfe;}
.data-title.simple{border-top:none;}
.data-content{padding:10px 0;background-color:#f5fbfe;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.data-title,
.data-content{border-bottom:1px solid #b4cff8;}
#pg-contenter{position:relative;height:auto;}

/* page content style */
#pg-lefter{position:absolute;width:160px;top:0;left:0;height:100%;}
#pg-righter{margin-left:170px;padding-bottom:10px;}
#pg-lefter,
#pg-righter{min-height:960px;background-color:#fff;box-shadow:0 0 6px rgba(0, 0, 0, 0.40);}
#pg-righter #break-crumbs a {text-decoration:none;color:#333;}
#pg-righter #break-crumbs a:hover {text-decoration:underline;color:#666;}

/* lefter navigator style */
#left-navigator{}
#left-navigator li{padding-left:15px;border-top:1px solid #cfcfcf;}
#left-navigator li i[class^=icon-],
#left-navigator li i[class*= icon-] {display:inline-block;width:16px;text-align:center;}
#left-navigator li:hover,
#left-navigator li.select{color:#fff;background-color:#2a74ea;border-color:#2a74ea !important;}
#left-navigator li:hover+li,
#left-navigator li.select+li{border-top-color:#2a74ea;}
#left-navigator li:first-child{border-top:none;}
#left-navigator li:last-child{border-bottom:1px solid #cfcfcf;}
#left-navigator li:hover a,
#left-navigator li.select a{color:#fff;}
#left-navigator li:hover a{text-decoration:none;}
#left-navigator li a{height:30px;line-height:30px;color:#4D4D4D;text-decoration:none;}

/* footer style */
#pg-footer{width:100%;height:80px;line-height:40px;margin:auto;margin-top:10px;background:#eef4fe;border-top:1px solid #e1e1e1;box-shadow:0 -2px 5px rgba(0, 0, 0, 0.1);z-index:1000;}

.image-hide001{width:380px;height:200px;overflow:hidden;}
.image-hide001 img{width:100%;}

/* 输入框 错误提示 */
.warn{padding:20px;line-height:25px;border-radius:2px;background-position:10px 16px;background-repeat:no-repeat;font-weight:normal;border:1px solid #fff;text-align:left;word-break:break-all;word-wrap:break-word;}
.warn i{margin-right:5px;}
.warn.notice{border-color:#39a5bc;color:#fff;background-color:#39a5bc;}
.warn.success{border-color:#209d55;color:#fff;background-color:#209d55;}
.warn.error{border-color:#cf6666;color:#fff;background-color:#cf6666;}
.warn.warning{border-color:#b6750d;color:#fff;background-color:#b6750d;}
.warn.warn.cue{height:30px;line-height:30px;background-position:2px 5px;padding:5px 10px 5px 25px;}
.warn.warn p{margin:0;padding:0;}
.w-40px{width:40px !important;}
.w-50px{width:50px !important;}
.w-60px{width:60px !important;}
.w-70px{width:70px !important;}
.w-80px{width:80px !important;}
.w-85px{width:85px !important;}
.w-90px{width:90px !important;}
.w-100px{width:100px !important;}
.w-120px{width:120px !important;}
.w-130px{width:130px !important;}
.w-150px{width:150px !important;}
.w-180px{width:180px !important;}
.w-200px{width:200px !important;}
.w-250px{width:250px !important;}
.w-300px{width:300px !important;}
.w-350px{width:350px !important;}
.w-360px{width:360px !important;}
.w-375px{width:375px !important;}
.w-380px{width:380px !important;}
.w-400px{width:400px !important;}
.w-450px{width:450px !important;}
.w-500px{width:500px !important;}
.w-550px{width:550px !important;}
.w-600px{width:600px !important;}
.w-700px{width:700px !important;}
.w-750px{width:750px !important;}
.w-800px{width:800px !important;}
.w-900px{width:900px !important;}
.w-1000px{width:1000px !important;}
.w-auto{width:auto !important;}
.w-p100{width:100% !important;}
.w-30per{width:30% !important;}
.w-65per{width:65% !important;}
.h-300px{height:300px !important;}
.lh-35px{line-height:35px !important;}

.block{display:block !important;}
.inline-block{display:inline-block !important;}
.word-break{word-break:break-all !important;word-wrap:break-word !important;}
.hide-text{display:block;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;}

.bd{border:1px solid #ccc !important;}
.br{border-right:1px solid #ccc !important;}
.bl{border-left:1px solid #ccc !important;}
.bb{border-bottom:1px solid #ccc !important;}
.bt{border-top:1px solid #ccc !important;}
.bdn{border:none !important;}
.pd,
.pd-10px{padding:10px !important;}
.pd-20px {padding:20px !important;}
.pl,
.pl-10px{padding-left:10px !important;}
.pr,
.pr-10px{padding-right:10px !important;}
.pt-5px {padding-top:5px !important;}
.pt,
.pt-10px{padding-top:10px !important;}
.pt-20px{padding-top:20px !important;}
.pb,
.pb-10px{padding-bottom:10px !important;}

.mg,
.mg-10px{margin:10px !important;}
.mt-5px{margin-top:5px !important;}
.mt,
.mt-10px{margin-top:10px !important;}
.mt-20px{margin-top:20px !important;}
.ml-5px{margin-left:5px !important;}
.ml,
.ml-10px{margin-left:10px !important;}
.ml-20px{margin-left:20px !important;}
.ml-30px{margin-left:30px !important;}
.mr-5px{margin-right:5px !important;}
.mr,
.mr-10px{margin-right:10px !important;}
.mr-20px{margin-right:20px !important;}
.mb,
.mb-10px{margin-bottom:10px !important;}
.mb-20px{margin-bottom:20px !important;}

.fl{float:left !important;}
.fr{float:right !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.cl-white{color:#FFF !important;}
.cl-red{color:#F00 !important;}
.cl-green{color:#008000 !important;}
.cl-gray{color:#808080 !important;}
.cl-blue{color:#2355DF !important;}
.cl-orange{color:#FF8800 !important;}
.fs-12px{font-size:12px !important;}
.fs-16px{font-size:16px !important;}

.pointer{cursor:pointer;}
.box-shadow{box-shadow:0 0px 5px rgba(0, 0, 0, 0.2);}

.fixed{outline:0;-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;box-sizing:border-box!important;}
.clear:after{content:" ";display:block;height:0;clear:both;}
.clear{zoom:1;}